<template>
 
    <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>数据库</span>
 
      </div>
    </template>
    <div  class="text item">
     <div class="base-table">
            <!-- 表格 -->
            <JmTable :dataList="dataList" :columns="columns"></JmTable>
            <el-table
              :data="dataList"
              row-key="id"
              :tree-props="{ children: 'childlist' }"
            >
              <JmTb
                v-for="item in columns"
                :name="item.label"
                :key="item.prop"
                :prop="item.prop"
                :label="item.label"
                :type="item.type"
                :width="item.width"
                :jv="item.jv"
                :formatter="item.formatter"
              >
              </JmTb>
              
        <el-table-column label="操作" width="350">
          <template #default="scope"> 
            <el-button @click="dbbackup(scope.row.name)" type="primary" size="mini" >备份</el-button  >
            <el-button @click="getbackuplstList(scope.row.name)" size="mini" type="success"  >还原</el-button  >
            <el-button @click="optimize(scope.row.name)" size="mini" type="warning">优化</el-button >
            <el-button  size="mini"  @click="repair(scope.row.name)"   type="danger">修复</el-button > 
          </template>
        </el-table-column>
            </el-table>
          </div>
    
     </div>
  </el-card>
   
       <!-- 编辑弹窗 -->
    <el-dialog title="用户新增12" v-model="showModal"> 
        <router-view  v-on:handleClose="handleClose"  :tablename="tablename" />
    </el-dialog>
   
</template>


 
 
<script>
import indexjs from "./index.js";
export default {
  ...indexjs,
};
</script>
  
<style lang="scss">
.el-dialog__header {
  box-shadow: 0px 5px 10px #a5a5a5;
  background: #001529;
  color: white;
}
.el-dialog__headerbtn .el-dialog__close,
.el-dialog__title {
  color: white;
}
</style>